import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

// 引入组件
import ElementUI from 'element-ui';
import mine from './plugins/mine';
import directives from './plugins/directives';

// 引入样式
import 'element-ui/lib/theme-chalk/index.css';
// import "swiper/swiper-bundle.min.css";  //老版本
import "swiper/css/bundle";  // 写法
import "@/styles/reset.css";


// Vue的插件    => 代码复用和代码分离
// 1. 插件是一个有install 方法的一个对象   {install:function(Vue,options){}}
// 2. 插件也可以接收一个函数(install对应的函数) =>  Vue.use(function(Vue,options){})

// Vue.use({
//   install:function(Vue,options){
//     console.log("自定义插件开始执行");
//     console.log("Vue",Vue);
//     console.log("options",options);
//   }
// },{a:1,b:2})

Vue.use(ElementUI);
Vue.use(mine,{a:1,b:2});
Vue.use(directives,{a:1,b:2});

Vue.config.productionTip = false

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
